<template>
	<button :class="'btn ' + extraClass" hover-class="btn-active" 
		hover-start-time="0" hover-stay-time="0" @click="$emit('click')">
		<slot />
	</button>
</template>

<script>
	export default {
		props: {
			extraClass: String
		},
		name:"Button",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.btn{
	border-radius: 46rpx;
	background-color: $color-primary;
	font-size: 30rpx;
	padding: 26rpx 0;
	text-align: center;
	line-height: 40rpx;
	color: #fff;
}
.btn::after{
	content: '';
	display: none;
}
.btn-active{
	opacity: 0.8;
}
</style>
